import Vue from 'vue'
import Vuex from 'vuex'
import {menuItems} from "../utils/commonUtil";


Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        //左侧菜单栏数据
        menuItems: [
            {
                name: 'home', // 要跳转的路由名称 不是路径
                text: '首页', // 文本内容
            },
            {
              name: 'musicOnline', // 要跳转的路由名称 不是路径
              text: '音乐在线', // 文本内容
            },
            {
              name: 'adminInfo', // 要跳转的路由名称 不是路径
              text: '管理员信息', // 文本内容
            },
            {
              name: 'editPassword', // 要跳转的路由名称 不是路径
              text: '修改密码', // 文本内容
            },
          {
            name: 'messageAdmin', // 要跳转的路由名称 不是路径
            text: '消息', // 文本内容
          },
        ],
    },
    mutations: {
        setMenus(state, items) {
          //上面固定的路由需要写死
          state.menuItems = [...items];
          menuItems.forEach(item => {
            state.menuItems.push(item);
          });
        },

    },
});

export default store
